<template>
  <div class="w-1200px mx-auto">
    <HomeTitleBox> 最新offer </HomeTitleBox>
    <div class="mt-44px card-wrapper flex py-45px px-34px">
      <el-carousel height="356px" class="w-full" :autoplay="false" arrow="never" indicator-position="none">
        <el-carousel-item v-for="item in 4" :key="item">
          <div class="flex justify-between">
            <HomeLastOfferTable />
            <HomeLastOfferTable />
          </div>
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script lang="ts" setup></script>
<style lang="scss" scoped>
.card-wrapper {
  width: 1200px;
  border-radius: 10px 10px 10px 10px;
  background: #ffffff;
  box-shadow: 0 5px 27px 0 #c4c4c466;
  @apply mx-auto justify-between;
}
</style>
